
/* Optional styles */

.sidecontentpullout {

    /*background-color: Black;*/
    /*background-color: rgb(52,48,121);*/
    background:linear-gradient(135deg, #a7cfdf 0%,#23538a 100%) !important;
    color: White;
    padding: 4px 3px;
    -moz-border-radius-bottomleft: 1em;
    -moz-border-radius-topleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    -webkit-border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    border-top-left-radius: 1em;
    
    position: fixed !important;
}

.sidecontentpullout:hover {
    /*background-color: #444444;*/
    background:linear-gradient(135deg, #a7cfdf 0%,#23538a 100%) !important;
    color: White;
    
    position: fixed !important;
}

.sidecontent {
    height:110%;
    overflow: auto !important;
    background:linear-gradient(135deg, #a7cfdf 0%,#23538a 100%) !important;
    text-shadow: 0.1em 0.1em 0.05em #333;
    color: white;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-bottom-left-radius: 1em;
    
    position: fixed !important;
    height: 70% !important;
}

.sidecontent > div > div {
    padding-left: 10px;
    padding-right: 40px;
}
